<template>
    <div class="footerdiv">
		<div class="fd_div" :class="{selectfd_div:active=='gangwei'}">
			<i class="iconfont icon-gerengangwei-1"></i>
			<span>岗位</span>
		</div>
		<div class="fd_div" :class="{selectfd_div:active=='jianli'}">
			<i class="iconfont icon-jianlichuli-1"></i>
			<span>简历处理</span>
		</div>
		<div class="fd_div" :class="{selectfd_div:active=='goutong'}">
			<i class="iconfont icon-goutong-1"></i>
			<span>沟通</span>
		</div>
		<div class="fd_div" :class="{selectfd_div:active=='jiansuo'}" @click="toSearchIndex">
			<i class="iconfont icon-jiansuo-1"></i>
			<span>检索</span>
		</div>
		<div class="fd_div" :class="{selectfd_div:active=='wode'}" @click="toUserIndex">
			<i class="iconfont icon-wode-1"></i>
			<span>我的</span>
		</div>
    </div>
  </template>
  
  <script>
  export default {
	name: 'postfooter',
	props: {
		active: String
	},
	methods:{
		toUserIndex(){
			this.$router.push("/user/index")
		},
		toSearchIndex(){
			this.$router.push("/search/index")
		}
	}
  }
  </script>
<style scoped>
	.footerdiv{
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		height: 1.3067rem;
		background: #fff;
		position: fixed;
		left: 0;
		bottom: 0;
	}
	.fd_div{
		flex: 1;
		height: 1.3067rem;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	.fd_div .iconfont{
		font-size: .48rem;
		color: #999999;
	}
	.fd_div span{
		font-size:.3733rem;
		color: #999999;
		line-height: .4933rem;
		margin-top: .0533rem;
	}
	.selectfd_div .iconfont{
		color: #F5792A;
	}	
	.selectfd_div span{
		color: #F5792A;
	}
</style>
  